<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <title>Title</title>
    <style>
        [ng-cloak] {
            display: none;
        }
    </style>
    <link rel="stylesheet" href="../css/public.css">
    <link rel="stylesheet" href="../css/coupons/coupons_list.css">
    <link rel="stylesheet" href="../css/coupons/public.css">
</head>
<body ng-app="couponProductApp" ng-controller="couponProductCtrl" ng-cloak>
<header id="head">
    <a href="coupon.html" id="return">
        <i class="myiconfont">&#xe600;</i>
    </a>
    <h3>{{title}}优惠券</h3>
    <div id="app">
        <a href=""></a>
    </div>
</header>
<main>
    <div class="prompt">--点餐前出示手机中的优惠券，即可享受优惠--</div>
    <div class="list">
        <ul>
            <li ng-repeat="couponProduct in couponProductData.result" ng-click="getId(couponProduct.couponProductId)">
                <a ng-href="" id="a_list">
                    <div class="left">
                        <i ng-bind-html="couponProduct.couponProductImg"></i>
                    </div>
                    <div class="right">
                        <div class="title">
                            <h3>{{couponProduct.couponProductName}}</h3>
                        </div>
                        <div class="price">{{couponProduct.couponProductPrice}}</div>
                        <i class="myiconfont">&#xe601;</i>
                        <div class="date">{{couponProduct.couponProductTime}}</div>
                    </div>
                </a>
            </li>
        </ul>
    </div>
</main>
<!--遮罩层-->
<div class="popup">
    <div id="layer">
        <div class="firstInfo">已经是第一张了，不要再往前点了！</div>
        <div class="lastInfo">已经是最后一张了，不要再往后点了！</div>
        <div class="left">
            <i class="myiconfont" ng-click="pre()">&#xe600;</i>
        </div>
        <i ng-bind-html="Img"id="layer_img"></i>
        <div class="right">
            <i class="myiconfont" ng-click="next()">&#xe601;</i>
        </div>
    </div>
</div>
<div class="kong"></div>
<div class="Bread">
    <a href="../index.html">首页</a>&nbsp;>&nbsp; <a href="coupon.html">优惠券</a> >&nbsp; <a href="#">{{title}}优惠券</a>
</div>
<div class="footer">
    <div class="foot_top">
        <a href="">登录</a>
        <a href="">注册</a>
        <a href="javascript:pageScroll();" id='top'>
            <img src="../images/top.jpg" alt="">返回顶部</a>
    </div>
    <div class="foot_bottom">
        <p>
            <a href="">手机APP下载</a>
            <a href="">慢慢买手机版</a>
            -- 掌上比价平台
        </p>
        <p>m.manmanbuy.com</p>
    </div>
</div>
<script src="../node_modules/_angular@1.5.8@angular/angular.js"></script>
<script src="../node_modules/_angular-sanitize@1.5.8@angular-sanitize/angular-sanitize.js"></script>
<script src="../node_modules/jquery/dist/jquery.js"></script>
<script src="../js/coupons/couponproduct.js"></script>
<script>
    function pageScroll() {
        window.scrollBy(0,-10);
        scrolldelay=setTimeout('pageScroll()',-1);
        if(window.scrollY==0) {
            clearTimeout(scrolldelay);
        }
    }
</script>
</body>
</html>